<template>		
	<view class="container">
		<view class="head_box">
			<view v-if="detail_status"><image src="../../static/img/withdraw_details/success.png" mode="" style="width: 50px;height: 50px;margin-bottom: 16px;"></image></view>
			<view v-else><image src="../../static/img/withdraw_details/fail.png" mode="" style="width: 50px;height: 50px;margin-bottom: 16px;"></image></view>
			<view v-if="detail_status" class="head_box_title">余额提现-到微信零钱</view>
			<view v-else class="head_box_title">余额提现-提现失败</view>
			<view class="head_box_num">-{{detail.amount}}</view>
		</view>
		<view class="body_box">
			<view class="">
				<view class="body_box_fistLine">
					<view style="margin-top: -8px;color: #999999;">当前状态</view>
					<view style="margin: 0 20px 0 23px;">
						<view class="circle"></view>
						<view class="point" style="height: 58px;"></view>
						<view class="circle"></view>
						<view class="point" style="height:35px"></view>
						<view v-if="detail_status" style="margin-left: -7px;"><image src="../../static/img/withdraw_details/success.png" mode="" style="width: 14px;height: 14px;border-radius: 7px;"></image></view>
						<view v-else style="margin-left: -7px;"><image src="../../static/img/withdraw_details/fail.png" mode="" style="width: 14px;height: 14px;border-radius: 7px;"></image></view>
					</view>
					<view>
						<view style="margin-top: -8px;color: #333333;">
							<view style="font-size: 15px;">发起提现</view>
							<view style="font-size: 13px;margin-top: 3px;">{{detail.created_at}}</view>
						</view>
						<view style="margin: 26px 0;">
							平台处理
						</view>
						<view class="">
							<view>到账</view>
							<view>{{detail.updated_at}}</view>
						</view>
					</view>
				</view>
				
				<view v-if="detail_status">
					<view class="text-gray body_box_title">提现金额 <span style="color: #333333;font-size: 15px;">¥ {{detail.amount}}</span></view>
					<view class="text-gray body_box_title">申请时间 <span style="color: #333333;font-size: 15px;">{{detail.created_at}}</span></view>
					<view class="text-gray body_box_title">到账时间 <span style="color: #333333;font-size: 15px;">{{detail.updated_at}}</span></view>
					<view class="text-gray body_box_title">提现方式 <span style="color: #333333;font-size: 15px;">微信零钱</span></view>
				</view>
				<view v-else>
					<view class="text-gray body_box_title">失败原因 <span style="color: #333333;font-size: 15px;">打卡或存在异常</span></view>
					<view class="text-gray body_box_title">申请时间 <span style="color: #333333;font-size: 15px;">{{detail.created_at}}</span></view>
				</view>
				<view class="text-gray body_box_title">提现单号 <span style="color: #333333;font-size: 15px;">{{detail.partner_trade_no}}</span></view>
				
	
			</view>
		</view>
	</view>
</template>

<script>
	const Page = require('../../utils/mtj-wx-sdk.js').Page;
import {cashetail} from '@/api/user.js'
export default {

 
  data() {
    return {
		detail_status:true,
		detail:{}
	};
  },
  onShow:function() {
     
  },
onLoad(e) {
	cashetail({
		recruit_account_log_id:Number(e.id)
	}).then(res=>{
		if(res.data){
			this.detail = res.data
		}
	})
},
  methods: {
	
  }
};
</script>

<style  scoped>
	.container {
		background-color: #FFFFFF;
		padding: 26px 30px 120px;
		height: 100%;
	}
	.head_box {
		border-bottom: 2px solid #EEEEEE;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-bottom: 24px;
	}
	.head_box_title {	
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 25px;
		color: #333333;
	}
	.head_box_num {		
		font-size: 30px;
		font-family: DIN;
		font-weight: 400;
		line-height: 37px;
		color: #333333;
		margin: 10px 0 44px;
	}
	.circle {
		width: 6px;
		height: 6px;
		background-color: #999999;
		border-radius: 3px;
		margin-left: -3px;
	}
	.point {
		
		border-left: 1px dotted #999999  ;
	}
	.body_box_fistLine {
		display: flex;
	}
	.body_box_title {
		margin-top: 10px;
	}
	.body_box_title span {
		margin-left: 26px;
	}
</style>
